header{
	width: 100%;
	background-image: url(../img/img1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.header{
	width: 100%;
	height: 120px;
	padding-top: 22px;
	box-sizing: border-box;
	display: flex;
	
}
.heade{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.logo{
	height: 58px;
	display: block;
	float: left;
	margin-top: 20px;
}
.mls{
	float: right;
	display: inline-block;
	margin-top: 34px;
}
.mls li{
	float: left;
	margin-right: 30px
}
.mls li:last-child{
	margin-right: 0;
}
.ml{
	width: 130px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: block;
	font-size: 16px;
	color: #651919;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.ml.on{
	background-image: url(../img/img2.png);
}
.ml:hover{
	background-image: url(../img/img2.png);
}
@media (max-width: 1200px) and (min-width: 1020px) {
	.heade{
		display: flex;
		justify-content: space-between;
	}
}
@media (max-width: 1020px) {
	.header {
	    height: 1.2rem;
	    padding-top: 0.22rem;
		position: relative;
	}
	.heade{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.logo {
	    height: 0.58rem;
	    margin-top: 0;
	}
	.menubtn i {
		display: block;
		width: 0.4rem;
		height: 0.04rem;
		background-color: #651919;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		border-radius: 0.02rem;
	}
	
	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	
	.menubtn i:nth-child(2) {
		margin-top: 0.08rem;
	}
	
	.menubtn i:nth-child(3) {
		margin-top: 0.08rem;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}
	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(36deg);
		-moz-transform: rotate(36deg);
		-ms-transform: rotate(36deg);
		-o-transform: rotate(36deg);
		transform: rotate(36deg);
	}
	
	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}
	
	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-36deg);
		-moz-transform: rotate(-36deg);
		-ms-transform: rotate(-36deg);
		-o-transform: rotate(-36deg);
		transform: rotate(-36deg);
	}
	.Hmls{
		width: 100%;
		background: rgba(244,241,224,0.5);
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 1001;
	}
	.Hml{
		width: 100%;
		font-size: 0.24rem;
		color: #651919;
		box-sizing: border-box;
		padding: 0.2rem;
		display: block;
	}
}